<template>
  <div class="app-container">
    <div class="filter-container">
      <el-select
        clearable
        v-model="queryForm.provinceId"
        placeholder="省份"
        style="width: 125px;"
        @change="value => cascade(value, 'chooseProvince', 'query')"
      >
        <el-option
          v-for="(item, index) in provinces"
          :key="index"
          :value="item.rowId"
          :label="item.cnName"
        ></el-option>
      </el-select>
      <el-select
        clearable
        v-model="queryForm.cityId"
        placeholder="城市"
        style="width: 125px;"
        @change="value => cascade(value, 'chooseCity', 'query')"
      >
        <el-option
          v-for="(item, index) in citys"
          :key="index"
          :value="item.rowId"
          :label="item.cnName"
        ></el-option>
      </el-select>
      <el-select
        v-model="queryForm.districtId"
        placeholder="区"
        style="width: 125px;"
        @change="value => cascade(value, 'chooseRegin', 'query')"
      >
        <el-option
          v-for="(item, index) in districts"
          :key="index"
          :value="item.rowId"
          :label="item.cnName"
        ></el-option>
      </el-select>
      <el-input
        style="width: 200px;"
        placeholder="小区名称"
        v-model="queryForm.communityName"
      ></el-input>
      <el-input
        style="width: 200px;"
        placeholder="竞价标编号"
        v-model="queryForm.voucherCode"
      ></el-input>
      <el-select
        clearable
        style="width: 170px"
        v-model="queryForm.status"
        placeholder="请选择标状态"
      >
        <el-option
          v-for="(val, key) in Dicts.AD_BID_MARK_STATUS"
          :key="key"
          :label="val"
          :value="key"
        ></el-option>
      </el-select>
      <el-select
        clearable
        style="width: 170px"
        v-model="queryForm.adRange"
        placeholder="请选择广告范围"
      >
        <el-option
          v-for="(val, key) in Dicts.AD_RANGE"
          :key="key"
          :label="val"
          :value="key"
        ></el-option>
      </el-select>
      <el-date-picker
        v-model="queryForm.startDate"
        type="daterange"
        :picker-options="pickerOptions"
        range-separator="-"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        align="right"
        value-format="yyyy-MM-dd"
        style="width: 300px;"
      >
      </el-date-picker>
      <el-button @click="doQuery" type="primary" icon="el-icon-search"
        >查询</el-button
      >
    </div>
    <el-table v-loading="loading" :data="records" style="width: 100%">
      <el-table-column prop="rowId" label="ID" width="100" align="center">
      </el-table-column>
      <el-table-column
        prop="villageName"
        label="竞标地区"
        width="300"
        align="center"
      >
        <template slot-scope="scope">
          {{
            `${
              scope.row.provinceName === undefined ? '' : scope.row.provinceName
            }${scope.row.cityName === undefined ? '' : scope.row.cityName}${
              scope.row.districtName === undefined ? '' : scope.row.districtName
            }${
              scope.row.communityName === undefined
                ? ''
                : scope.row.communityName
            }`
          }}
        </template>
      </el-table-column>
      <el-table-column
        prop="voucherCode"
        label="竞价标编号"
        width="250"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="adRange"
        label="广告范围"
        width="150"
        align="center"
      >
        <template slot-scope="scope">
          {{ Dicts.AD_RANGE[scope.row.adRange] }}
        </template>
      </el-table-column>
      <el-table-column
        prop="putinStartDate"
        label="投放开始日期"
        width="200"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="putinEndDate"
        label="投放结束日期"
        width="200"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="adDuration"
        label="广告时长"
        width="150"
        align="center"
      >
        <template slot-scope="scope">
          {{ `${scope.row.adDuration}秒` }}
        </template>
      </el-table-column>
      <el-table-column
        prop="showTimes"
        label="展示总次数"
        width="150"
        align="center"
      >
        <template slot-scope="scope">
          {{ `${scope.row.showTimes}次` }}
        </template>
      </el-table-column>
      <el-table-column
        prop="screenNum"
        label="屏幕数量"
        width="150"
        align="center"
      >
        <template slot-scope="scope">
          {{ `${scope.row.screenNum}个` }}
        </template>
      </el-table-column>
      <el-table-column
        prop="screenUnitPrice"
        label="单屏价格"
        width="150"
        align="center"
      >
        <template slot-scope="scope">
          {{ `￥${scope.row.screenUnitPrice}` }}
        </template>
      </el-table-column>
      <el-table-column
        prop="coverPersonNum"
        label="覆盖人数"
        width="150"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="startPrice"
        label="起拍价"
        width="150"
        align="center"
      >
        <template slot-scope="scope">
          {{ `￥${scope.row.startPrice}` }}
        </template>
      </el-table-column>
      <el-table-column
        prop="addPrice"
        label="加价额度"
        width="150"
        align="center"
      >
        <template slot-scope="scope">
          {{ `￥${scope.row.addPrice}` }}
        </template>
      </el-table-column>
      <el-table-column
        prop="currentPrice"
        label="当前价格"
        width="150"
        align="center"
      >
        <template slot-scope="scope">
          {{ `￥${scope.row.currentPrice}` }}
        </template>
      </el-table-column>
      <el-table-column prop="status" label="标状态" width="150" align="center">
        <template slot-scope="scope">
          {{ Dicts.AD_BID_MARK_STATUS[scope.row.status] }}
        </template>
      </el-table-column>
      <el-table-column
        prop="putinStatus"
        label="标投放状态"
        width="150"
        align="center"
      >
        <template slot-scope="scope">
          {{ Dicts.AD_PUTIN_ORDER_STATUS[scope.row.putinStatus] }}
        </template>
      </el-table-column>
      <el-table-column prop="name" label="购买人" width="150" align="center">
      </el-table-column>
      <el-table-column
        align="center"
        label="操作"
        class-name="small-padding"
        fixed="right"
        width="250"
      >
        <template slot-scope="scope">
          <el-button
            v-permission="'adbidMark:JoinRecord'"
            type="primary"
            size="mini"
            @click="JoinRecord(scope.row.rowId)"
            title="竞标列表"
            icon="el-icon-search"
            circle
          ></el-button>
          <el-button
            v-permission="'adbidMark:offerRecord'"
            size="mini"
            @click="offerRecord(scope.row.rowId)"
            title="竞标出价列表"
            icon="el-icon-search"
            circle
          ></el-button>
        </template>
      </el-table-column>
    </el-table>
    <div class="pagination-container">
      <el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="queryForm.current"
        :page-sizes="[10, 20, 30, 50]"
        :page-size="queryForm.size"
        layout="total, sizes, prev, pager, next, jumper"
        :total="queryForm.total"
      >
      </el-pagination>
    </div>

    <!-- 详情 -->
    <el-dialog
      :title="`详情`"
      :visible.sync="detailsDialogFormVisible"
      width="46%"
    >
      <el-form :model="checkForm" label-width="140px" ref="checkForm">
        <el-row>
          <el-col :span="20">
            <el-form-item label="地址:" prop="">
              <template slot-scope="scope">
                {{
                  `${checkForm.provinceName}/${checkForm.cityName}/${checkForm.districtName}`
                }}
              </template>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="10">
            <el-form-item label="竞价标编号:" prop="voucherCode">
              {{ `${checkForm.voucherCode}` }}
            </el-form-item>
          </el-col>

          <el-col :span="10">
            <el-form-item label="最后购买人:" prop="realName">
              {{ `${checkForm.realName}` }}
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="10">
            <el-form-item label="投放开始日期:" prop="putinStartDate">
              {{ `${checkForm.putinStartDate}` }}
            </el-form-item>
          </el-col>
          <el-col :span="10">
            <el-form-item label="投放截止日期:" prop="putinEndDate">
              {{ `${checkForm.putinEndDate}` }}
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="10">
            <el-form-item label="广告范围:" prop="adRange">
              {{ Dicts.AD_RANGE[checkForm.adRange] }}
            </el-form-item>
          </el-col>
          <el-col :span="10">
            <el-form-item label="广告时长:" prop="adDuration">
              {{ `${checkForm.adDuration}秒` }}
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="10">
            <el-form-item label="展示总次数:" prop="showTimes">
              {{ `${checkForm.showTimes}` }}
            </el-form-item>
          </el-col>
          <el-col :span="10">
            <el-form-item label="屏幕数量:" prop="screenNum">
              {{ `${checkForm.screenNum}` }}
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="10">
            <el-form-item label="单屏价格:" prop="screenUnitPrice">
              {{ `￥${checkForm.screenUnitPrice}` }}
            </el-form-item>
          </el-col>
          <el-col :span="10">
            <el-form-item label="覆盖人数:" prop="coverPersonNum">
              {{ `${checkForm.coverPersonNum}` }}
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="10">
            <el-form-item label="起拍价:" prop="startPrice">
              {{ `￥${checkForm.startPrice}` }}
            </el-form-item>
          </el-col>

          <el-col :span="10">
            <el-form-item label="加价额度:" prop="addPrice">
              {{ `￥${checkForm.addPrice}` }}
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="10">
            <el-form-item label="当前价格:" prop="currentPrice">
              {{ `￥${checkForm.currentPrice}` }}
            </el-form-item>
          </el-col>

          <el-col :span="10">
            <el-form-item label="标状态:" prop="status">
              {{ Dicts.AD_BID_MARK_STATUS[checkForm.status] }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-dialog>
    <!-- 参加竞标列表记录详情 -->
    <el-dialog
      :title="`参加记录列表详情`"
      :visible.sync="JoinRecordDialogFormVisible"
      width="80%"
    >
      <div class="filter-container">
        <el-input
          style="width: 200px;"
          class="filter-item"
          placeholder="用户姓名"
          v-model="queryJoinForm.realName"
        ></el-input>
        <el-input
          style="width: 200px;"
          class="filter-item"
          placeholder="参标编号"
          v-model="queryJoinForm.markCode"
        ></el-input>
        <el-select
          clearable
          style="width: 170px"
          class="filter-item"
          v-model="queryJoinForm.status"
          placeholder="请选择参与状态"
        >
          <el-option
            v-for="(val, key) in Dicts.MARK_JOIN_RECORD_STATUS"
            :key="key"
            :label="val"
            :value="key"
          ></el-option>
        </el-select>
        <el-button
          class="filter-item"
          @click="doQueryJoin"
          type="primary"
          icon="el-icon-search"
          >查询</el-button
        >
      </div>
      <el-table v-loading="loading" :data="recordsJoin" style="width: 100%">
        <el-table-column prop="rowId" label="ID" width="60"> </el-table-column>
        <el-table-column prop="realName" label="用户姓名" width="100">
        </el-table-column>
        <el-table-column prop="voucherCode" label="参标编号" width="200">
        </el-table-column>
        <el-table-column prop="title" label="广告标题" width="150">
        </el-table-column>
        <el-table-column prop="joinTime" label="参与时间" width="150">
        </el-table-column>
        <el-table-column prop="winTime" label="中标时间" width="150">
        </el-table-column>
        <el-table-column prop="outTime" label="出局时间" width="150">
        </el-table-column>
        <el-table-column prop="lastPayAmount" label="最后出价" width="100">
          <template slot-scope="scope">
            {{ `￥${scope.row.lastPayAmount}` }}
          </template>
        </el-table-column>
        <el-table-column prop="recordValue" label="参与状态" width="90">
        </el-table-column>
        <el-table-column prop="markValue" label="竞价标状态" width="90">
        </el-table-column>
        <el-table-column align="center" label="操作" class-name="small-padding">
          <template slot-scope="scope">
            <el-button
              size="mini"
              @click="payRecord(scope.row.rowId)"
              type="primary"
              title="查看出价记录详情"
              icon="el-icon-search"
              circle
            ></el-button>
          </template>
        </el-table-column>
      </el-table>
      <div class="pagination-container">
        <el-pagination
          background
          @size-change="handleSizeChangeJoin"
          @current-change="handleCurrentChangeJoin"
          :current-page="queryJoinForm.current"
          :page-sizes="[10, 20, 30, 50]"
          :page-size="queryJoinForm.size"
          layout="total, sizes, prev, pager, next, jumper"
          :total="queryJoinForm.total"
        >
        </el-pagination>
      </div>
    </el-dialog>
    <!-- 出价列表详情详情 -->
    <el-dialog
      :title="`出价列表详情`"
      :visible.sync="offerRecordDialogFormVisible"
      width="70%"
    >
      <el-table v-loading="loading" :data="recordsOffer" style="width: 100%">
        <el-table-column prop="adBidMarkJoinId" label="ID" width="60">
        </el-table-column>
        <el-table-column prop="nickname" label="用户姓名" width="100">
        </el-table-column>
        <el-table-column prop="regionName" label="竞标地区" width="300">
        </el-table-column>
        <el-table-column prop="voucherCode" label="参标编号" width="200">
        </el-table-column>
        <el-table-column prop="payTime" label="出价时间" width="150">
        </el-table-column>
        <el-table-column prop="payAmount" label="出价金额" width="150">
          <template slot-scope="scope">
            {{ `￥${scope.row.payAmount}` }}
          </template>
        </el-table-column>
        <el-table-column prop="status" label="出价状态" width="90">
          <template slot-scope="scope">
            {{ Dicts.MARK_PAY_RECORD_STATUS[scope.row.status] }}
          </template>
        </el-table-column>
        <el-table-column prop="payResult" label="竞价标出价结果" width="150">
        </el-table-column>

        <el-table-column align="center" label="" class-name="small-padding">
        </el-table-column>
      </el-table>
      <div class="pagination-container">
        <el-pagination
          background
          @size-change="handleSizeChangeOffer"
          @current-change="handleCurrentChangeOffer"
          :current-page="queryOfferForm.current"
          :page-sizes="[10, 20, 30, 50]"
          :page-size="queryOfferForm.size"
          layout="total, sizes, prev, pager, next, jumper"
          :total="queryOfferForm.total"
        >
        </el-pagination>
      </div>
    </el-dialog>
    <!-- 出价记录列表详情 -->
    <el-dialog
      :title="`出价记录列表详情`"
      :visible.sync="PayRecordDialogFormVisible"
      width="80%"
    >
      <div class="filter-container">
        <el-input
          style="width: 200px;"
          class="filter-item"
          placeholder="用户姓名"
          v-model="queryPayForm.realName"
        ></el-input>
        <el-input
          style="width: 200px;"
          class="filter-item"
          placeholder="出价单号"
          v-model="queryPayForm.voucherCode"
        ></el-input>
        <el-select
          clearable
          style="width: 170px"
          class="filter-item"
          v-model="queryPayForm.payType"
          placeholder="请选择支付方式"
        >
          <el-option
            v-for="(val, key) in Dicts.PAY_TYPE"
            :key="key"
            :label="val"
            :value="key"
          ></el-option>
        </el-select>
        <el-select
          clearable
          style="width: 170px"
          class="filter-item"
          v-model="queryPayForm.status"
          placeholder="请选择出价状态"
        >
          <el-option
            v-for="(val, key) in Dicts.MARK_PAY_RECORD_STATUS"
            :key="key"
            :label="val"
            :value="key"
          ></el-option>
        </el-select>
        <el-button
          class="filter-item"
          @click="doQueryPay"
          type="primary"
          icon="el-icon-search"
          >查询</el-button
        >
      </div>
      <el-table v-loading="loading" :data="recordsPay" style="width: 100%">
        <el-table-column prop="rowId" label="ID" width="120"> </el-table-column>
        <el-table-column prop="realName" label="用户姓名" width="120">
        </el-table-column>
        <el-table-column prop="voucherCode" label="出价单号" width="200">
        </el-table-column>
        <el-table-column prop="payType" label="支付方式" width="150">
          <template slot-scope="scope">
            {{ Dicts.PAY_TYPE[scope.row.payType] }}
          </template>
        </el-table-column>
        <el-table-column prop="payTime" label="出价时间" width="150">
        </el-table-column>
        <el-table-column prop="payAmount" label="出价金额" width="100">
          <template slot-scope="scope">
            {{ `￥${scope.row.payAmount}` }}
          </template>
        </el-table-column>
        <el-table-column prop="transAmt" label="实付金额" width="120">
          <template slot-scope="scope">
            {{ `￥${scope.row.transAmt}` }}
          </template>
        </el-table-column>
        <el-table-column prop="status" label="出价状态" width="120">
          <template slot-scope="scope">
            {{ Dicts.MARK_PAY_RECORD_STATUS[scope.row.status] }}
          </template>
        </el-table-column>
        <el-table-column prop="refundAmount" label="退款金额" width="120">
          <template slot-scope="scope">
            {{
              `${scope.row.refundAmount === undefined ? '' : '￥'}${
                scope.row.refundAmount === undefined
                  ? ''
                  : scope.row.refundAmount
              }`
            }}
          </template>
        </el-table-column>
        <el-table-column prop="refundTime" label="退款时间" width="120">
        </el-table-column>
        <el-table-column align="center" label="" class-name="small-padding">
        </el-table-column>
      </el-table>
      <div class="pagination-container">
        <el-pagination
          background
          @size-change="handleSizeChangePay"
          @current-change="handleCurrentChangePay"
          :current-page="queryPayForm.current"
          :page-sizes="[10, 20, 30, 50]"
          :page-size="queryPayForm.size"
          layout="total, sizes, prev, pager, next, jumper"
          :total="queryPayForm.total"
        >
        </el-pagination>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  queryAdBidMark,
  detailsAdBidMark,
  queryAdBidMarkJoinRecord,
  queryAdBidMarkPayRecord,
  queryAdBidMarkOfferRecord
} from '@/api/ad'
import { queryProvince, getCity, getDistrict } from '@/api/area'
export default {
  name: 'adBidMark',
  data() {
    return {
      PayRecordDialogFormVisible: false,
      JoinRecordDialogFormVisible: false,
      checkDialogFormVisible: false,
      detailsDialogFormVisible: false,
      offerRecordDialogFormVisible: false,
      loading: false,
      queryForm: {
        current: 1,
        pages: 0,
        total: 0,
        size: 10,
        title: undefined
      },
      queryJoinForm: {
        current: 1,
        pages: 0,
        total: 0,
        size: 10,
        title: undefined
      },
      queryOfferForm: {
        current: 1,
        pages: 0,
        total: 0,
        size: 10,
        title: undefined
      },
      queryPayForm: {
        current: 1,
        pages: 0,
        total: 0,
        size: 10,
        title: undefined
      },
      checkForm: {
        rowId: 0,
        userName: '',
        voucherCode: '',
        type: '',
        title: '',
        photo: '',
        orderTime: '',
        payTime: '',
        orderAmount: '',
        realpayAmount: '',
        lastPayTime: '',
        status: '',
        checkName: '',
        checkTime: '',
        checkResult: '',
        remark: '',
        payType: '',
        externalTransno: ''
      },
      provinces: [],
      citys: [],
      districts: [],
      communitys: [],
      records: [],
      recordsJoin: [],
      recordsPay: [],
      recordsOffer: []
    }
  },
  created() {
    this.doQuery()
  },
  methods: {
    handleCurrentChange(current) {
      this.queryForm.current = current
      this.doQuery()
    },
    handleSizeChange(size) {
      this.queryForm.size = size
      this.doQuery()
    },
    doQuery() {
      this.loading = true
      queryAdBidMark(this.queryForm).then(({ data: { data } }) => {
        this.queryForm.current = data.current
        this.queryForm.pages = data.pages
        this.queryForm.total = data.total
        this.queryForm.size = data.size
        this.records = data.records
        this.loading = false
      })
      queryProvince().then(({ data: { data } }) => {
        this.provinces = data
        this.loading = false
      })
    },
    handleCurrentChangeJoin(current) {
      this.queryJoinForm.current = current
      this.doQueryJoin()
    },
    handleSizeChangeJoin(size) {
      this.queryJoinForm.size = size
      this.doQueryJoin()
    },
    doQueryJoin() {
      this.loading = true
      queryAdBidMarkJoinRecord(this.queryJoinForm).then(
        ({ data: { data } }) => {
          this.queryJoinForm.current = data.current
          this.queryJoinForm.pages = data.pages
          this.queryJoinForm.total = data.total
          this.queryJoinForm.size = data.size
          this.recordsJoin = data.records
          this.loading = false
        }
      )
    },
    handleCurrentChangePay(current) {
      this.queryJoinForm.current = current
      this.doQueryJoin()
    },
    handleSizeChangePay(size) {
      this.queryJoinForm.size = size
      this.doQueryJoin()
    },
    handleSizeChangeOffer(size) {
      this.queryOfferForm.size = size
      this.doQueryOffer()
    },
    handleCurrentChangeOffer(current) {
      this.queryOfferForm.current = current
      this.doQueryOffer()
    },
    doQueryOffer() {
      this.loading = true
      queryAdBidMarkOfferRecord(this.queryOfferForm).then(
        ({ data: { data } }) => {
          this.queryOfferForm.current = data.current
          this.queryOfferForm.pages = data.pages
          this.queryOfferForm.total = data.total
          this.queryOfferForm.size = data.size
          this.recordsOffer = data.records
          this.loading = false
        }
      )
    },
    doQueryPay() {
      this.loading = true
      queryAdBidMarkPayRecord(this.queryPayForm).then(({ data: { data } }) => {
        this.queryPayForm.current = data.current
        this.queryPayForm.pages = data.pages
        this.queryPayForm.total = data.total
        this.queryPayForm.size = data.size
        this.recordsPay = data.records
        this.loading = false
      })
    },
    detailAdBidMark(row) {
      this.detailsDialogFormVisible = true
      detailsAdBidMark(row.rowId).then(({ data: { code, data, msg } }) => {
        this.checkForm = {
          provinceName: data.provinceName,
          cityName: data.cityName,
          districtName: data.districtName,
          communityName: data.communityName,
          voucherCode: data.voucherCode,
          adRange: data.adRange,
          putinStartDate: data.putinStartDate,
          putinEndDate: data.putinEndDate,
          adDuration: data.adDuration,
          showTimes: data.showTimes,
          screenNum: data.screenNum,
          screenUnitPrice: data.screenUnitPrice,
          coverPersonNum: data.coverPersonNum,
          startPrice: data.startPrice,
          addPrice: data.addPrice,
          currentPrice: data.currentPrice,
          status: data.status,
          realName: data.name
        }
      })
    },
    JoinRecord(rowId) {
      this.JoinRecordDialogFormVisible = true
      this.queryJoinForm = {
        adBidMarkId: rowId
      }
      this.doQueryJoin()
    },
    offerRecord(rowId) {
      this.offerRecordDialogFormVisible = true
      this.queryOfferForm = {
        markId: rowId
      }
      this.doQueryOffer()
    },
    payRecord(rowId) {
      this.PayRecordDialogFormVisible = true
      this.queryPayForm = {
        adBidMarkJoinId: rowId
      }
      this.doQueryPay()
    },
    cascade(rowId, level, param) {
      if (param === 'query') {
        if (rowId !== '') {
          switch (level) {
            case 'chooseProvince':
              getCity(rowId).then(({ data: { data } }) => {
                this.queryForm.cityId = ''
                this.queryForm.districtId = ''
                this.queryForm.rowId = ''
                this.citys = []
                this.districts = []
                this.communitys = []
                this.citys = data
              })
              return
            case 'chooseCity':
              getDistrict(rowId).then(({ data: { data } }) => {
                this.queryForm.districtId = ''
                this.queryForm.rowId = ''
                this.districts = []
                this.communitys = []
                this.districts = data
              })
              return
            case 'chooseRegin':
              getDistrict(this.queryForm.cityId).then(({ data: { data } }) => {
                this.districts = data
              })
              return
          }
        } else {
          switch (level) {
            case 'chooseProvince':
              this.queryForm.cityId = ''
              this.queryForm.districtId = ''
              this.queryForm.rowId = ''
              this.citys = []
              this.districts = []
              this.communitys = []
              return
            case 'chooseCity':
              this.queryForm.districtId = ''
              this.queryForm.rowId = ''
              this.districts = []
              this.communitys = []
              return
            case 'chooseRegin':
              this.queryForm.rowId = ''
              this.communitys = []
              return
          }
        }
      }
    }
  },
  components: {}
}
</script>

<style scoped></style>
